$shopping-cart-widget-offset: 0.625rem;
$cart-widget-circle-size: 2.188rem;

.shopping-cart {
    &-widget {
        position: absolute;
        right: $shopping-cart-widget-offset;
        top: $shopping-cart-widget-offset;
    }

    &-link {
        position: relative;

        // Making sure widget is always visible.
        z-index: 9999;
    }

    &-item-count {
        border-radius: 50%;
        width: $cart-widget-circle-size;
        height: $cart-widget-circle-size;
        line-height: $cart-widget-circle-size;
        font-size: calc(#{$cart-widget-circle-size} - #{$shopping-cart-widget-offset});
    }
}
